<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="renderer" content="webkit" />
    <meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport" />
    <title>index</title>
    <link rel="stylesheet" href="css/swiper.min.css" />
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/index.css" />
    <script>
        (function flexible(d, b) {
            var f = b.documentElement;
            var c = 1;

            function
            e() {
                if (b.body) {
                    b.body.style.fontSize = 14 * c + "px"
                } else {
                    b.addEventListener("DOMContentLoaded", e)
                }
            }
            e();

            function a() {
                var
                    g = f.clientWidth;
                g = g > 750 ? 750 : g < 320 ? 320 : g;
                var h = g / 10;
                f.style.fontSize = h + "px"
            }
            a();
            d.addEventListener("resize", a);
            d.addEventListener("pageshow", function (g) {
                if (g.persisted) {
                    a()
                }
            })
        })(window, document);
    </script>
</head>

<body>
    <!-- Header -->
    <div class="header-wrap" style="background-image: url(images/header_bg.png)">
        <div class="header-con">
            <div class="address-select">
                <select>
                    <option>
                        承德
                    </option>
                    <option>
                        承德
                    </option>
                </select>
            </div>
            <div class="header-title">中华赛鸽</div>

            <div class="menu-btn">
                <img src="./images/menu.png">
            </div>
        </div>
        <div class="search-box wid">
            <input type="text" placeholder="搜索玩乐/美食" disabled />
        </div>
        <div class="banner wid">
            <!-- Swiper -->
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a href="" style="background-image: url(images/banner.jpg);"></a>
                    </div>
                    <div class="swiper-slide">
                        <a href="" style="background-image: url(images/banner.jpg);"></a>
                    </div>
                    <div class="swiper-slide">
                        <a href="" style="background-image: url(images/banner.jpg);"></a>
                    </div>

                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
            </div>

        </div>
    </div>
    <!-- Header-end -->
    <div class="index-tabs">
        <ul>
            <li>
                <a href="">
                    <img src="./images/tab01.png" />
                    <p>指定</p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="./images/tab02.png" />
                    <p>俱乐部</p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="./images/tab03.png" />
                    <p>足环号</p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="./images/tab04.png" />
                    <p>赛鸽</p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="./images/tab05.png" />
                    <p>商城</p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="./images/tab06.png" />
                    <p>售环</p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="./images/tab07.png" />
                    <p>赛绩</p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="./images/tab08.png" />
                    <p>问答</p>
                </a>
            </li>
        </ul>
    </div>

    <!-- 公告 -->
    <div class="wid">
        <!-- 通知 -->
        <div class="index-notice">
            <div class="notice-img"><img src="./images/notice-tip.png" /></div>
            <!-- Swiper -->
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide swiper-no-swiping"><a href="">
                            二月二，龙抬头里回味年里鸽事！
                        </a></div>

                    <div class="swiper-slide swiper-no-swiping"><a href="">
                            二月二，龙抬头里回味年里鸽事！
                        </a></div>
                </div>
            </div>

        </div>


    </div>
    <!-- 公告 -end -->
    <div class="buy-btn">
        <div class="wid">
            <a href="">
                <img src="images/buy-btn.png" />
            </a>
        </div>
    </div>
    <!-- event -->
    <div class="event-wrap">

        <header class="comm-header wid">
            <span>指定赛事</span>
            <a href="">
                查看全部 >
            </a>
        </header>
        <ul class="event-list ">
            <li>
                <h2 class="title">胜利赛鸽俱乐部500公里比赛</h2>
                <section class="det">
                    <dl>
                        <dt>空距</dt>
                        <dd><span class="red">550</span>公里</dd>
                    </dl>
                    <dl>
                        <dt>司放地</dt>
                        <dd>河南郑州</dd>
                    </dl>
                    <dl>
                        <dt>放飞时间</dt>
                        <dd>2020-03-08</dd>
                    </dl>
                </section>
                <footer class="host-name">
                    <img src="./images/person.png" />
                    <aside class="name">
                        胜利赛鸽俱乐部
                    </aside>
                </footer>
            </li>
            <li>
                <h2 class="title">胜利赛鸽俱乐部500公里比赛</h2>
                <section class="det">
                    <dl>
                        <dt>空距</dt>
                        <dd><span class="red">550</span>公里</dd>
                    </dl>
                    <dl>
                        <dt>司放地</dt>
                        <dd>河南郑州</dd>
                    </dl>
                    <dl>
                        <dt>放飞时间</dt>
                        <dd>2020-03-08</dd>
                    </dl>
                </section>
                <footer class="host-name">
                    <img src="./images/person.png" />
                    <aside class="name">
                        胜利赛鸽俱乐部
                    </aside>
                </footer>
            </li>
        </ul>
    </div>
    <!-- event-end -->
    <div class="line-block"></div>
    <!-- 赛绩 -->
    <div class="perform-wrap ">
        <header class="comm-header wid">
            <span>赛绩</span>
            <a href="">
                查看全部 >
            </a>
        </header>
        <div class="perform-con">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <section class="perform-sec">
                            <div class="text">
                                <h4 class="perf-tit">詹森系种赛鸽“传奇531”</h4>
                                <article>
                                    <p>荣获15次冠军，8年内获奖102次，</p>
                                    <p>1975年15次获奖；1976年17次获奖；</p>
                                    <p>1977年10获奖；1978年14次获奖；</p>
                                    <p>1979年16次获奖；1980年16次获奖；</p>
                                </article>
                            </div>
                            <div class="img">
                                <img src="./images/per_bg.png" />
                            </div>
                        </section>
                    </div>
                    <div class="swiper-slide">
                        <section class="perform-sec" style="background-color: #def4d8;">
                            <div class="text">
                                <h4 class="perf-tit">詹森系种赛鸽“传奇531”</h4>
                                <article>
                                    <p>荣获15次冠军，8年内获奖102次，</p>
                                    <p>1975年15次获奖；1976年17次获奖；</p>
                                    <p>1977年10获奖；1978年14次获奖；</p>
                                    <p>1979年16次获奖；1980年16次获奖；</p>
                                </article>
                            </div>
                            <div class="img">
                                <img src="./images/per_bg.png" />
                            </div>
                        </section>
                    </div>
                    <div class="swiper-slide">
                        <section class="perform-sec" style="background-color: #d8e0f4;">
                            <div class="text">
                                <h4 class="perf-tit">詹森系种赛鸽“传奇531”</h4>
                                <article>
                                    <p>荣获15次冠军，8年内获奖102次，</p>
                                    <p>1975年15次获奖；1976年17次获奖；</p>
                                    <p>1977年10获奖；1978年14次获奖；</p>
                                    <p>1979年16次获奖；1980年16次获奖；</p>
                                </article>
                            </div>
                            <div class="img">
                                <img src="./images/per_bg.png" />
                            </div>
                        </section>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 赛绩-end -->

    <!-- Live  -->
    <div class="live-wrap">
        <div class="live-con">
            <div class="num-box">
                <div class="music">
                    <ul id="waves" class="movement">
                        <li class="li1"><span class="ani-li"></span></li>
                        <li class="li2"><span class="ani-li"></span></li>
                        <li class="li3"><span class="ani-li"></span></li>
                        <li class="li4"><span class="ani-li"></span></li>
                    </ul>
                </div>
                <article>
                    共有7场直播正在进行
                </article>
            </div>
            <div class="live-avatar">
                <span class="cover-image" style="background-image: url(images/avatar1.jpg);"></span>
                <span class="cover-image" style="background-image: url(images/avatar2.jpg);"></span>
                <span class="cover-image" style="background-image: url(images/avatar3.jpg);"></span>
            </div>
        </div>
    </div>
    <!-- Live -end -->

    <!-- 售环 -->
    <div class="ring-wrap">
        <header class="comm-header wid">
            <span>售环</span>
            <a href="">
                查看全部 >
            </a>
        </header>
        <div class="ring-con">
            <ul class="ring-list">
                <li>
                    <a href="">
                        <figure><img src="./images/r1.png" /></figure>
                        <section>
                            <h4>胜利赛鸽俱乐部500公里比赛</h4>
                            <div class="price">￥<span>50.00</span></div>
                            <footer class="">
                                <span>售环总数1000</span>
                                <span>剩余10</span>
                            </footer>
                        </section>

                    </a>
                </li>
                <li>
                    <a href="">
                        <figure><img src="./images/r2.png" /></figure>
                        <section>
                            <h4>胜利赛鸽俱乐部500公里比赛</h4>
                            <div class="price">￥<span>50.00</span></div>
                            <footer class="">
                                <span>售环总数1000</span>
                                <span>剩余10</span>
                            </footer>
                        </section>

                    </a>
                </li>
                <li>
                    <a href="">
                        <figure><img src="./images/r3.png" /></figure>
                        <section>
                            <h4>胜利赛鸽俱乐部500公里比赛</h4>
                            <div class="price">￥<span>50.00</span></div>
                            <footer class="">
                                <span>售环总数1000</span>
                                <span>剩余10</span>
                            </footer>
                        </section>

                    </a>
                </li>
            </ul>
        </div>

    </div>
    <!-- 售环 -->
    <div class="line-block"></div>
    <!-- 商城 -->
    <div class="shop-wrap">
        <header class="comm-header wid">
            <span>商城</span>
            <a href="">
                查看全部 >
            </a>
        </header>
        <div class="shop-con">
            <div class="shop-banner wid">
                <img src="./images/shop-banner.png" />
            </div>
            <div class="shop-list">
                <ul>
                    <li>
                        <a href="">
                            <figure>
                                <img src="./images/shop01.png" />
                            </figure>
                            <section>
                                <h4 class="tit">胜利赛鸽胜利...</h4>
                                <div class="new-price">¥1219</div>
                                <del class="old-price">¥1369</del>

                            </section>

                        </a>
                    </li>
                    <li>
                        <a href="">
                            <figure>
                                <img src="./images/shop02.png" />
                            </figure>
                            <section>
                                <h4 class="tit">胜利赛鸽胜利...</h4>
                                <div class="new-price">¥1219</div>
                                <del class="old-price">¥1369</del>

                            </section>

                        </a>
                    </li>
                    <li>
                        <a href="">
                            <figure>
                                <img src="./images/shop03.png" />
                            </figure>
                            <section>
                                <h4 class="tit">胜利赛鸽胜利...</h4>
                                <div class="new-price">¥1219</div>
                                <del class="old-price">¥1369</del>

                            </section>

                        </a>
                    </li>
                    <li>
                        <a href="">
                            <figure>
                                <img src="./images/shop04.png" />
                            </figure>
                            <section>
                                <h4 class="tit">胜利赛鸽胜利...</h4>
                                <div class="new-price">¥1219</div>
                                <del class="old-price">¥1369</del>

                            </section>

                        </a>
                    </li>
                    <li>
                        <a href="">
                            <figure>
                                <img src="./images/shop01.png" />
                            </figure>
                            <section>
                                <h4 class="tit">胜利赛鸽胜利...</h4>
                                <div class="new-price">¥1219</div>
                                <del class="old-price">¥1369</del>

                            </section>

                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 商城-end -->
    <div class="line-block"></div>

    <!-- 拍卖 -->
    <div class="ring-wrap">
        <header class="comm-header wid">
            <span>鸽子拍卖</span>
            <a href="">
                查看全部 >
            </a>
        </header>
        <div class="ring-con">
            <ul class="ring-list wid">
                <li>
                    <a href="">
                        <figure><img src="./images/r1.png" /></figure>
                        <section>
                            <h4><span class="hot">热拍中</span>胜利赛鸽俱乐部500公里比赛</h4>
                            <div class="offer-price">出价:<span class="red">￥1,000</span>/0次出价</div>
                            <footer>
                                剩余时间：<span class="red">6小时14分钟</span>
                            </footer>
                        </section>
                    </a>
                </li>
                <li>
                    <a href="">
                        <figure><img src="./images/r2.png" /></figure>
                        <section>
                            <h4><span class="hot">热拍中</span>胜利赛鸽俱乐部500公里比赛</h4>
                            <div class="offer-price">出价:<span class="red">￥1,000</span>/0次出价</div>
                            <footer>
                                剩余时间：<span class="red">6小时14分钟</span>
                            </footer>
                        </section>
                    </a>
                </li>
                <li>
                    <a href="">
                        <figure><img src="./images/r3.png" /></figure>
                        <section>
                            <h4><span class="hot">热拍中</span>胜利赛鸽俱乐部500公里比赛</h4>
                            <div class="offer-price">出价:<span class="red">￥1,000</span>/0次出价</div>
                            <footer>
                                剩余时间：<span class="red">6小时14分钟</span>
                            </footer>
                        </section>

                    </a>
                </li>
            </ul>
        </div>

    </div>
    <!--拍卖  -->
    <div class="line-block"></div>
    <!-- 中华精选 -->
    <div class="news-wrap">
        <header class="comm-header wid">
            <span>中华精选</span>
        </header>
        <div class="news-con">
            <ul class="news-list">
                <li>
                    <a href="">
                        <section>
                            <header class="n-tit">胜利赛鸽俱乐部500公里比赛胜利赛鸽俱乐部公里比赛胜利赛鸽俱里...</header>
                            <div class="imgs">
                                <div class="item">
                                    <img src="./images/n1.png" />
                                </div>
                            </div>
                        </section>
                        <footer>
                            <div class="state-tips">
                                <span class="zan-tip">12123</span>
                                <span class="liulan-tip">12123</span>
                                <span class="eye-tip">12123</span>
                            </div>
                            <div class="timer">2020-03-19</div>
                        </footer>
                    </a>
                </li>
                <li class="odd">
                    <a href="">
                        <section>
                            <header class="n-tit">胜利赛鸽俱乐部500公里比赛胜利赛鸽俱乐部公里比赛胜利赛鸽俱里...</header>
                            <div class="imgs">
                                <div class="item">
                                    <img src="./images/n2.png" />
                                </div>
                                <div class="item">
                                    <img src="./images/n3.png" />
                                </div>
                                <div class="item">
                                    <img src="./images/n4.png" />
                                </div>
                            </div>
                        </section>
                        <footer>
                            <div class="state-tips">
                                <span class="zan-tip">12123</span>
                                <span class="liulan-tip">12123</span>
                                <span class="eye-tip">12123</span>
                            </div>
                            <div class="timer">2020-03-19</div>
                        </footer>
                    </a>
                </li>
                <li>
                    <a href="">
                        <section>
                            <header class="n-tit">胜利赛鸽俱乐部500公里比赛胜利赛鸽俱乐部公里比赛胜利赛鸽俱里...</header>
                            <div class="imgs">
                                <div class="item">
                                    <img src="./images/n1.png" />
                                </div>
                            </div>
                        </section>
                        <footer>
                            <div class="state-tips">
                                <span class="zan-tip">12123</span>
                                <span class="liulan-tip">12123</span>
                                <span class="eye-tip">12123</span>
                            </div>
                            <div class="timer">2020-03-19</div>
                        </footer>
                    </a>
                </li>
            </ul>
        </div>
        <div class="load-more">
            <img src="./images/icon_shuaxin.png" />刷新
        </div>
    </div>
    <!-- 中华精选-end -->
    <!-- footer -->
    <footer class="footer">
        <div class="ft-con wid">
            <img src="./images/wechart.jpg" class="wechart" />
            <div class="tel-box">
                <img src="./images/hotline.png" class="hotline" />
                <div class="tel-con">
                    <p>服务热线</p>
                    <p><strong>400-000-000</strong></p>
                    <p>座机：400-000-000</p>
                </div>
            </div>
        </div>
        <div class="info">
            <p><img src="./images/icon_email.png" class="" />1241505850@qq.com</p>
            <p><img src="./images/icon_address.png" class="" />地 址：中华赛鸽文化传播302号</p>
        </div>
        <div class="copyRight">
            COPYRIGHT ©2019 中华赛鸽文化传播有限公司
        </div>
    </footer>
    <!-- footer -->


    <!-- 菜单弹窗 -->
    <div class="menu-popup">
        <div class="menu-header"> 菜单
            <div class="close-menu"> <i class="iconfont icon-guanbi"></i> </div>
        </div>
        <div class="menu-item">
            <header class="menu-item-header"> 分类1 </header>
            <ul class="clearfix">
                <li> <a href=""> 中国书画 </a> </li>
                <li> <a href=""> 油画版画 </a> </li>
                <li> <a href=""> 刊物 </a> </li>
                <li> <a href=""> 中国书画 </a> </li>
                <li> <a href=""> 油画版画 </a> </li>
                <li> <a href=""> 刊物 </a> </li>
                <li> <a href=""> 中国书画 </a> </li>
                <li> <a href=""> 油画版画 </a> </li>
                <li> <a href=""> 刊物 </a> </li>
                <li> <a href=""> 中国书画 </a> </li>
                <li> <a href=""> 油画版画 </a> </li>
                <li> <a href=""> 刊物 </a> </li>
            </ul>
        </div>
        <div class="menu-item">
            <header class="menu-item-header"> 分类2 </header>
            <ul class="clearfix">
                <li> <a href=""> 中国书画 </a> </li>
                <li> <a href=""> 油画版画 </a> </li>
                <li> <a href=""> 刊物 </a> </li>
                <li> <a href=""> 中国书画 </a> </li>
                <li> <a href=""> 油画版画 </a> </li>
                <li> <a href=""> 刊物 </a> </li>
                <li> <a href=""> 中国书画 </a> </li>
                <li> <a href=""> 油画版画 </a> </li>
                <li> <a href=""> 刊物 </a> </li>
                <li> <a href=""> 中国书画 </a> </li>
                <li> <a href=""> 油画版画 </a> </li>
                <li> <a href=""> 刊物 </a> </li>
            </ul>
        </div>
    </div>
    <!-- 菜单弹窗 -->
    <!-- 搜索弹窗 -->
    <div class="search-popup">
        <div class="search-header">
            <div class="search-close-btn"> <i class="iconfont icon-fanhui"></i> </div>
            <div class="search-input"> <i class="iconfont icon-sousuo"></i>
                <input type="text" placeholder="请输入" />
            </div>
            <a href="javascript:;" class="searchBtn">搜索</a>
        </div>
        <div class="search_content">
            <header class="h_header">大家都在搜</header>
            <ul class="clearfix">
                <li class="active"><a href="">展会</a></li>
                <li class="active"><a href="">工艺品</a></li>
                <li><a href="">刊物</a></li>
                <li><a href="">艺术品</a></li>
                <li><a href="">油画版权</a></li>
                <li><a href="">中国书画</a></li>
                <li><a href="">艺术家</a></li>
                <li><a href="">艺术品</a></li>
                <li><a href="">油画版权</a></li>
                <li><a href="">中国书画</a></li>
                <li><a href="">艺术家</a></li>
            </ul>
        </div>
        <div class="search_content">
            <header class="h_header">搜索历史</header>
            <ul class="clearfix">
                <li><a href="">展会</a></li>
                <li><a href="">工艺品</a></li>
                <li><a href="">刊物</a></li>
                <li><a href="">艺术品</a></li>
                <li><a href="">油画版权</a></li>
                <li><a href="">中国书画</a></li>
                <li><a href="">艺术家</a></li>
                <li><a href="">艺术品</a></li>
                <li><a href="">油画版画</a></li>
                <li><a href="">中国书画</a></li>
                <li><a href="">艺术家</a></li>
            </ul>
        </div>
    </div>
    <!-- 搜索弹窗 -->
    <!-- scroll-top -->
    <div class="scroll-top">
        <img src="./images/go-top.png" />
    </div>
    <!-- scroll-top -->
    <script src="js/jquery.js"></script>
    <script src="js/swiper.min.js"></script>
    <script src="js/common.js"></script>
</body>

</html>